<template>
  <div class="main">
    <h2>项目全部页面链接</h2>
    <ul>
      <li><nuxt-link to="/addGoods">管理商品页面展示</nuxt-link></li>
      <li><nuxt-link to="/order">全部订单页面展示</nuxt-link></li>
      <li><nuxt-link to="/product">购买商品页面展示</nuxt-link></li>
      <li><nuxt-link to="/shopcart">购物车车页面展示</nuxt-link></li>
      <li><nuxt-link to="/register">账号注册页面展示</nuxt-link></li>
      <li><nuxt-link to="/login">账号登录页面展示</nuxt-link></li>
    </ul>
  </div>
</template>

<script>
export default {}
</script>

<style lang="stylus" scoped>
.main
  position fixed
  top 40%
  left 10px
  border 1px solid red
  width 200px
  padding 5px 0
  text-align center
  h2
    color red
    margin 15px 0
  li
    padding 10px
    color #d35400
    text-align center
    &:hover
      color #e67e22
</style>
